<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>


    <!-- // // 获取id为btn的按钮
        // var btn = document.getElementById("btn");
        // // 为按钮绑定一个单击响应函数
        // btn.onclick = function() {
        //     alert("nihao");
        // }

        // onload事件会在整个页面加载完成之后才触发
        // 为window绑定一个onload事件 -->
    <script>
        window.onload = function() {
            var btn = document.getElementById("btn");
            btn.onclick = function() {
                alert("你好啊");
            };
        }


        var a = 123 + "189";
        document.write(a);
    </script>


</head>


<body>
    <!-- 浏览器在加载一个页面时，是按照自上而下的顺序加载的，
    读取到一行就运行一行，如果script标签写到页面的上边
    在代码执行时，页面还没加载 -->
    <button id="btn"> 按钮</button>

    <!-- 将JS代码写到页面下部就是为了，可以在页面加载完毕以后再执行js代码 -->



</body>

</html>